<route lang="json5" type="page">
{
    layout: "default",
    style: {
        navigationBarTitleText: "景区活动详情",
    },
}
</route>

<template>
    <view class="m-base-box m-dynamic-detail pt-4">
        <wd-card>
            <view class="flex flex-col items-start gap-1 pt-2 pb-4 w-[100%]">
                <wd-text :text="info?.title" bold size="18px" color="#000"></wd-text>
                <view class="flex justify-between items-center mt-2 w-[100%]">
                    <view>
                        <wd-text :text="info?.viewCount" size="12px" color="#949090" prefix="浏览量："></wd-text
                    ></view>
                    <view>
                        <wd-text :text="info?.createTime" size="12px" color="#949090" prefix="发布时间："></wd-text
                    ></view>
                </view>
            </view>
        </wd-card>
        <wd-card title="活动介绍" class="mt-4">
            <view class="pb-4">
                <uv-parse :content="info?.content"></uv-parse>
            </view>
        </wd-card>
    </view>
</template>

<script lang="ts" setup>
import { getActiviteInfoUsingGet } from "@/service/app";
const info = ref<any>({});
function getDetail(id: string) {
    getActiviteInfoUsingGet({ params: { id } }).then((res) => {
        console.log("getActiviteInfoUsingGet", res);
        info.value = res?.data || {};
    });
}
onLoad((value) => {
    getDetail(value?.id);
});
</script>

<style lang="scss" scoped>
.m-dynamic-detail {
    padding-bottom: 32rpx;
}
</style>
